@import "unite";
*{
  margin: 0;
  padding: 0;
  box-sizing:border-box;
  //font-weight: 400!important;
}
/*重置按钮颜色*/
input,textarea,
.el-input__inner{
  &:focus{
    border-color: @color-main;
  }
}
.el-button{
  &:focus,&:hover,&:active{
    color: @color-main;
    border-color: @color-main;
  }
}
.el-button--primary{
  background-color: @color-main;
  border-color: @color-main;
  &:active,&:focus,&:hover{
    background: @color-main;
    border-color: @color-main;
  }
  &:focus,&:hover{
    background: @color-mainHover;
    border-color: @color-mainHover;
    color: @color-white;
  }
}
.el-button--primary.is-active{
  background: @color-main;
  border-color: @color-main;
}
.el-button--text{
  color: @color-main;
  &:focus,&:hover{
    color:  @color-mainHover;
  }
}

/*页面结构*/
.top-bar{
  height: @logo_search-height;
  padding: 15px 15px 15px 260px;
  background: @color-main;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1;
  width: 100%;
}
/*.page-box{
  position: fixed;
  top: 70px;
  left: 180px;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
}*/
.left-side-box{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 240px;
  overflow-y: auto;
  padding-top: @logo_search-height;
}
.main-content-box{
  position: fixed;
  left: 240px;
  top: 70px;
  right: 0;
  z-index: 1;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  width: 100%;
  padding: 0 240px 70px 0;
}
.allbox{
  position: relative;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /*background: @color-white;*/
}
.left-sde{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  background: @color-white;
}
@media only screen and (max-width:1336px){
  .left-side-box{
    width: 180px;
  }
  .main-content-box{
    left: 180px;
    padding-right: 180px;
  }
  /*.top-bar{
    padding-left: 180px!important;
  }*/
}
.each-model{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;

  height: 100%;
}
.each-model > * {
  flex: 1 100%;
}
.page-nav{
  width: 100%;
}
.page-nav i:before{
  font-size: inherit!important;
}
.page-content{
  width: 100%;
  height: 100%;
  flex: 1 auto;
  overflow: hidden;
  padding: 25px 20px 65px 25px;
}
.page-content-box{
  height: 100%;
  background: #ffffff;
  min-width: 760px;
  position: relative;
}
.page-content-header{
  width: 100%;
  position: absolute;
  z-index: 99;
  background: @color-white;
}
.page-content-main{
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding-top: 50px;
}
/*顶部logo*/
.top-logo{
  position: absolute;
  left: 20px;
  top: 15px;
  display: inline-block;
}
/*页面导航*/
.page-nav{
  height: 46px;
  vertical-align: middle;
  background: @color-white;
  position: relative;
}
.page-nav .el-breadcrumb{
  position: absolute;
  left: 15px;
  top: 14px;
  font-size: 14px;
}
/*===========左侧导航===========*/
.min-menu{
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-bottom: solid 1px @colorBorder-First;
  border-right: solid 1px @colorBorder-First;
}
.min-menu-icon{
  font-family: MuiFont;
  speak:none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.min-menu-icon:before{
  content: "\e563";
}
.el-icon-user,.el-icon-password{
  top: 2px;
}
.el-icon-user:before{
  font-family: FontAwesome;
  content: "\f007";
  font-size: 18px;
}
.el-icon-password:before{
  font-family: FontAwesome;
  content:"\f023";
  font-size: 18px;
}
.el-icon-signout:before{
  font-family: FontAwesome;
  content:"\f08b";
  font-size: 18px;
}
.el-icon-home:before{
  font-family: FontAwesome;
  content:"\f015";
  font-size: 18px;
}
.el-icon-elder:before{
  font-family: FontAwesome;
  content:"\f007";
  font-size: 18px;
}
.el-icon-floor:before{
  font-family: FontAwesome;
  content:"\f1ad";
  font-size: 18px;
}
.el-icon-consult:before{
  font-family: FontAwesome;
  content:"\f0f2";
  font-size: 18px;
}
.el-icon-personnel:before{
  font-family: FontAwesome;
  content:"\f0e8";
  font-size: 18px;
}
.el-icon-scheduling:before{
  font-family: FontAwesome;
  content:"\f073";
  font-size: 18px;
}
.el-icon-config:before{
  font-family: FontAwesome;
  content:"\f013";
  font-size: 18px;
}
.el-icon-doushboard-bed:before{
  font-family: FontAwesome;
  content:"\f236";
  font-size: 30px;
  color: @color-white;
}
.el-icon-doushboard-consult:before{
  font-family: FontAwesome;
  content:"\f2b9";
  font-size: 30px;
}
.el-icon-doushboard-manwomen:before{
  font-family: FontAwesome;
  content:"\f200";
  font-size: 30px;
}
.el-icon-doushboard-personnel:before{
  font-family: FontAwesome;
  content:"\f007";
  font-size: 30px;
}
.el-icon-doushboard-add-elder:before{
  font-family: FontAwesome;
  content:"\f234";
  font-size: 30px;
}
.el-icon-doushboard-birthday:before{
  font-family: FontAwesome;
  content:"\f1fd";
  font-size: 26px;
}
.el-icon-doushboard-check-elder:before{
  font-family: FontAwesome;
  content:"\f0c0";
  font-size: 26px;
}
/*对话框自定义样式*/
.dialog-new-style .el-dialog__header{
  padding: 15px 20px;
  background: @colorDialog;
}
.dialog-new-style .el-dialog__footer{
  background: @colorDialog;
  text-align: center;
}
.dialog-step-nav ul{
  overflow: hidden;
}
.dialog-step-nav li{
  position: relative;
  float: left;
  width: 50%;
}
.dialog-step-nav li div{
  width: 100%;
  height: 46px;
  padding-left: 30px;
  padding-right: 15px;
}
.dialog-step-nav li div>p{
  line-height: 46px;
}
.dialog-step-nav li:first-child div{
}
.dialog-step-nav li:last-child div{
}
span.dialog-step-nav-triangle{
  position: absolute;
  top: 0;
  right: -20px;
  z-index: 1;
  width: 0;
  height: 0;
  border-top: 23px solid transparent;
  border-left: 20px solid transparent;
  border-bottom: 23px solid transparent;
}
li.dialog-step-nav-done{
  background: @color-main;
}
li.dialog-step-nav-done span.dialog-step-nav-triangle{
  border-left: 20px solid @color-main;
}
li.dialog-step-nav-done div p{
  color: @color-white;
}
.dialog-step-content>div{
  padding: 15px;
}
.dialog-step-second{
  height: 460px;
}
/*内容部分:model-content  设置padding:15px*/
.model-content{
  padding: 15px;
}
.model-content-position{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
/*行tabs菜单切换:悬浮导航菜单*/
.tabs-fixed .el-tabs{
  position: relative;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
.tabs-fixed .el-tabs__header{
  position: absolute!important;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
}
.tabs-fixed .el-tabs__content{
  position: absolute!important;
  top: 46px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
/*分页组件*/
.pagenation-group{
  margin: 15px;
}
.pagenation-group ul{
  overflow: hidden;
}
.pagenation-group ul>li{
  float: right;
  margin: 0 6px;
}
.pagenation-group ul>li>p{
  margin-top: 4px;
}
.pagenation-group ul>li>p>span{
  padding: 10px 0px;
}
.pagenation-group .el-button{
  padding: 8px;
}
.pagenation-group .el-button i{
  color: #919191;
}
.pagenation-group .el-input__inner{
  width: 100px;
  height: 32px;
}
/*doushboard样式*/
  //section:数据统计部分
.doushboard-total-each-box{
  width: 100%;
  padding: 60px 0;
  background: #20a1ff;
}
.doushboard-total-each-content{
  width: 100%;
  height: 100%;
}
.doushboard-total-left>ul,.doushboard-total-right>ul{
  overflow: hidden;
}
.doushboard-total-left>ul>li{
  float: left;
  width: 50%;
}
.doushboard-total-left>ul>li:first-child .doushboard-total-each-content{
  border-right: solid 1px #ffffff;
}
.doushboard-total-each-content p{
  text-align: center;
  color: #ffffff;
}
p.doushboard-total-number span{
  font-size: 36px;
  font-weight: lighter;
  vertical-align: sub;
}
p.doushboard-total-title{
  font-size: 14px;
}
.doushboard-total-last-box{
  background: #16dec4;
}
  //section:表格数据列表
.doushboard-form-data{
  margin-top: 15px;
}
.doushboard-form-graph-box{
  border: solid 1px #E1E3EB;
}
p.doushboard-form-graph-title{
  background:@colorSection-title;
  height: 40px;
  padding: 8px 15px;
  position: relative;
}
.doushboard-form-data .el-table th,
.doushboard-form-data .el-table__fixed-header-wrapper thead div,
.doushboard-form-data .el-table__header-wrapper thead div,
.doushboard-form  .el-table th,
.doushboard-form .el-table__fixed-header-wrapper thead div,
.doushboard-form .el-table__header-wrapper thead div,{
  background: @color-white;
}
.doushboard-form-data .el-table{
  border: none;
}
.doushboard-form-data .el-table::after,.doushboard-form-data .el-table::before{
  background-color: @color-white;
}
  /*表格部分:两列展示样式*/
ul.doushboard-form-grid-style{
  overflow: hidden;
}
ul.doushboard-form-grid-style>li{
  float: left;
  width: 50%;
  padding: 4% 10px;
}
ul.doushboard-form-grid-style>li:first-child>div{
  border-right: solid 1px @colorBorder-First;
}
ul.doushboard-form-grid-style>li>div>p{
  text-align: center;
  color: @color-main;
}
ul.doushboard-form-grid-style>li>div>p:first-child{
  color: @color-main;
}
ul.doushboard-form-grid-style>li>div>p:last-child{
  font-size: 38px;
  font-weight: lighter;
  color: #000000;
}
.doushboard-graph-data .el-radio-button>span:hover{
  color: #576477!important;
}
.doushboard-graph-data .el-radio-button.is-active>span:hover{
  color: #ffffff!important;
}
.doushboard-graph-data .doushboard-graph{
  padding: 15px 0;
}
.doushboard-formgraph-switch{
  position: absolute;
  right: 15px;
  top: 6px;
}
.tab-hover-style p{
  padding: 8px 15px;
  border-bottom: solid 1px @colorBorder-First;
}
.tab-hover-style>ul{
  padding: 10px;
  overflow: hidden;
}
.tab-hover-style>ul>li{
  width: 33.333333%;
  padding: 10px 0;
  float: left;
  text-align: center;
}
.tab-hover-bottom-style{
  overflow: hidden;
}
.tab-hover-bottom-style>li{
  width: 50%;
  height: 2px;
  float: left;
}
.tab-hover-bottom-style>li:first-child{
  background: @colorNotice-success;
}
.tab-hover-bottom-style>li:last-child{
  background: @color-main;
}
  //section:图表数据
.doushboard-graph-data{
  margin-top: 15px;
}
/*时间轴样式*/
.timeline-box{
  border:solid 1px @colorBorder-First;
  margin-bottom: 15px;
}
.timeline-box .timeline-content{
  padding: 10px;
}
.timeline-box>p{
  position: relative;
  display: block;
  background: @colorSection-title;
  padding: 8px 15px;
  border-bottom:solid 1px @colorBorder-First;
};
.timeline-box>p>.notice-propover{
  position: absolute;
  right: 10px;
  top: 8px;
}
.timeline-box>p>.notice-propover .el-tag{
  background: transparent;
}
.timeline-box>p>.notice-propover i.el-icon-warning{
  color: @colorIcon-gray;
  font-size: 18px;
}
.timeline-style>div.timeline-style-content{
  padding: 15px;
}
.timeline-box .el-form-item{
  margin-bottom: 0px;
}
.timeline-box .el-form-item>label{
  color: @colorText-gray;
}
.timeline-box span.timeline-small-title{
  padding-left: 8px;
  display: block;
  position: relative;
  font-size: 16px;
}
.timeline-box span.timeline-small-title:before{
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 4px;
  height: 16px;
  background: @colorText-main;
}
/*表单选填项设置*/
.optional-item>div.el-form-item__content{
  position: relative;
}
.optional-item>div.el-form-item__content>span{
  position: absolute;
  top: 20px;
  left: -100px;
  color: #bbbbbb;
  font-size: 14px;
}
/*表单提交按钮组*/
.form-submitBtn {
  padding: 15px;
  text-align: center;
}
.form-submitBtn .form-submitBtn-group{
  padding: 15px;
  border-top: solid 1px @colorBorder-First;
}
.form-submitBtn > button{
  display: inline-block;
}
.model-notice{
  position: relative;
  padding: 8px 15px;
  background: @colorBody;
  color: @colorText-gray;
  font-size: @fontSize-14-forTopNav;
  margin-bottom: 15px;
}
.big-notice{
  padding: 15px 15px;
}
.model-notice-btn{
  position: absolute;
  right: 15px;
  top: 10px;
}
/*模块标题样式*/
div.model-title{
  padding: 12px 15px;
  border-bottom: solid 1px @colorBorder-First;
  position: relative;
}
div.model-title .el-button{
  position: absolute;
  right: 15px;
  top: 8px;
}
div.model-title .note-word{
  position: absolute;
  right: 15px;
  top: 8px;
  color: @colorText-gray;
}
/*页面首页新增按钮设置*/
.add-new-btn>button.el-button{
  position: absolute;
  right: 15px;
  top: 6px;
  z-index: 1;
}
/*================老人管理=================*/
        /*[新增老人]*/
.add-elder-eachTab{
  padding: 15px;
}
.add-elder-eachTab .el-icon-information{
  font-size: 14px;
}
.add-elder-eachTab .el-icon-information:before{
  color: @color-main;
  margin-right: 6px;
}
.add-elder-submitBtn {
  padding: 15px;
  text-align: center;
}
.add-elder-submitBtn .add-elder-submitBtn-group{
  padding: 15px;
  border-top: solid 1px @colorBorder-First;
}
.add-elder-submitBtn > button{
  display: inline-block;
}

.add-elder-eachTab .el-alert--warning{
  background: #ffffff!important;
}
.add-elder-eachTab .el-alert--warning>i.el-alert__icon{
  color: #01aef0;
}
.add-elder-eachTab .el-alert--warning>div.el-alert__content{
  color: #020003;
}
    /*[老人总览]*/
.elder-pandect-box{
  padding: 15px;
}
.elder-pandect-form{
  margin-top: 15px;
}
    /*[历史入住机构]*/
.current-pandect>p{
  color: @color-main;
}
.elder-pandect-current-left{
  padding-right: 30px;
  border-right: solid 1px #efefef;
}
.elder-pandect-current-right{
  padding-left: 30px;
}
/*================接待管理=================*/
    /*[咨询登记]*/
.consult-content .el-table{
  margin-top: 15px;
}
/*================楼层管理================*/
.floor-managment .page-content-grid-box{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.floor-managment .grid-left-right{
  position: relative;
  height: 100%;
  transition: all 0.4s ease;
}
.grid-left{
  z-index: 1;
}
.grid-right{
  opacity: 0;
}
.floor-managment .grid-left-right>.grid-content{
  position: absolute;
  width: 100%;
  height: 100%;
}

.count-total-data{
  border:solid 1px @colorBorder-First;
  margin-bottom: 15px;
}
ul.count-total-data{
  overflow: hidden;
}
.count-total-data>li{
  float: left;
  width: 33.333333%;
  padding: 4% 10px;
}
.count-total-data li .count-total-data-each{
  text-align: center;
  color: @colorText-gray;
}
.count-total-data li .count-total-data-title{
  text-align: center;
}
.count-total-data li .count-total-data-each>span:first-child{
  font-size: 32px;
  margin-right: 8px;
  color: @colorText-main;
}
.count-total-data li>div{
  border-right: solid 1px @colorBorder-First;
}
.count-total-data li:last-child>div{
  border: none;
}
.floor-form-data{
  border: solid 1px @colorBorder-First;

}
.floor-form-data-search{
  position: relative;
  padding: 8px 15px;
  background: @colorBody;
  border-bottom: solid 1px @colorBorder-First;

}
.floor-form-data-search .el-form-item{
  margin-bottom: 0;
}
.floor-form-data-search-info{
  position: absolute;
  right: 15px;
  top: 14px;
  color: @colorIcon-gray;
  cursor: pointer;
}
.floor-form-data-search-info .notice-propover .el-tag{
  background: transparent;
}
.floor-form-data-search-info .notice-propover i.el-icon-warning{
  color: @colorIcon-gray;
  font-size: 18px;
}
.floor-form-data-list{
  padding: 10px;
}
ul.floor-form-room-list{
  overflow: hidden;
}
ul.floor-form-room-list>li{
  float: left;
  margin: 0 20px 20px 0;
  border:solid 1px @colorBorder-First;
  transition: all 0.2s ease;
}
ul.floor-form-bed-list{
  overflow: hidden;
  height: 200px;
  overflow-y: overlay;
}
  /*鼠标经过房间样式:ul.floor-form-room-list.floor-form-room-choose*/
ul.floor-form-room-list.floor-form-room-choose>li:hover{
  border-color: @colorNotice-success;
  transition: all 0.2s ease;
  cursor: pointer;
}
  /*鼠标经过床位样式:*/
ul.floor-form-bed-list.floor-form-bed-choose>li:hover{
  -webkit-box-shadow: inset 0px 0px 0px 2px @colorNotice-success;
  -moz-box-shadow: inset 0px 0px 0px 2px @colorNotice-success;
  box-shadow: inset 0px 0px 0px 2px @colorNotice-success;
  transition: all 0.2s ease;
  cursor: pointer;
}
ul.floor-form-bed-list>li{
  position: relative;
}
ul.floor-form-bed-list>li>span.floor-form-bed-index{
  position: absolute;
  right: 0;
  top: 0;
  padding: 4px 8px;
  color: @colorText-gray-second;
}
ul.floor-form-bed-list>li p{
  .textOverflow(ellipsis);
  font-size: 14px;
  margin-top: 6px;
}
/*单人间样式*/
.floor-form-room-list li.single-room{
  width: 202px;
  background: @color-white;
}
li.single-room>ul.floor-form-bed-list>li{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 200px;
  height: 200px;
  background: @color-white;
}
/*双人间样式*/
.floor-form-room-list li.double-room{
  width: 202px;
  background: @color-white;
}
li.double-room>ul.floor-form-bed-list>li{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 200px;
  height: 100px;
}
li.double-room>ul.floor-form-bed-list>li:first-child{
  border-bottom: solid 1px @colorBorder-Second;
}
/*三/四人间样式*/
.floor-form-room-list li.triple-quad-room{
  width: 202px;
  background: @color-white;
}
li.triple-quad-room>ul.floor-form-bed-list{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
li.triple-quad-room>ul.floor-form-bed-list{
  background: @colorBorder-Second;
}
li.triple-quad-room>ul.floor-form-bed-list>li{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100px;
  height: 100px;
  background: @color-white;
}
li.triple-quad-room>ul.floor-form-bed-list>li:nth-child(odd){
  border-right:solid 1px @colorBorder-Second;
  border-bottom:solid 1px @colorBorder-Second;
}
li.triple-quad-room>ul.floor-form-bed-list>li:nth-child(even){
  border-bottom:solid 1px @colorBorder-Second;
}
li.triple-quad-room>ul.floor-form-bed-list>li:nth-child(3),
li.triple-quad-room>ul.floor-form-bed-list>li:nth-child(4){
  border-bottom: none;
}
/*五/六人间*/
/*.floor-form-room-list li.five-six-room{
  width: 302px;
  background: @color-white;
}
li.five-six-room>ul.floor-form-bed-list{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
li.five-six-room>ul.floor-form-bed-list{
  background: @colorBorder-Second;
}
li.five-six-room>ul.floor-form-bed-list>li{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100px;
  height: 100px;
  background: @color-white;
}
li.five-six-room>ul.floor-form-bed-list>li{
  border-right:solid 1px @colorBorder-Second;
  border-bottom:solid 1px @colorBorder-Second;
}
li.five-six-room>ul.floor-form-bed-list>li:nth-child(3n+1){
  border-bottom:solid 1px @colorBorder-Second;
}*/
.floor-form-room-list li.five-six-room{
  width: 202px;
  background: @color-white;
}
li.five-six-room>ul.floor-form-bed-list{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
li.five-six-room>ul.floor-form-bed-list{
  background: @colorBorder-Second;
}
li.five-six-room>ul.floor-form-bed-list>li{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 66px;
  height: 100px;
  background: @color-white;
}
li.five-six-room>ul.floor-form-bed-list>li{
  border-right:solid 1px @colorBorder-Second;
  border-bottom:solid 1px @colorBorder-Second;
}
li.five-six-room>ul.floor-form-bed-list>li:nth-child(3n+3){
  width: 68px!important;
  border-right: none;
  border-bottom:solid 1px @colorBorder-Second;
}
li.five-six-room>ul.floor-form-bed-list>li:nth-child(4),
li.five-six-room>ul.floor-form-bed-list>li:nth-child(5),
li.five-six-room>ul.floor-form-bed-list>li:nth-child(6){
  border-bottom: none;
}
ul.floor-form-bed-list>li p{
  .textOverflow(ellipsis);
  word-break: break-all;
}
ul.floor-form-room-info{
  overflow: hidden;
  background: @colorBorder-Second;
  padding: 4px;
}
ul.floor-form-room-info>li{
  float: left;
  padding: 4px 2px;
  font-size: 14px;
  text-align: center;
}
ul.floor-form-room-info>li:first-child{
  width: 35%;
}
ul.floor-form-room-info>li:last-child{
  width: 65%;
}
ul.floor-form-room-info>li p{
  padding: 4px;
}
ul.floor-form-room-info>li:last-child p{
  border: solid 1px @colorBorder-First;
  background: @color-white;
}
ul.floor-form-room-info-head{
  overflow: hidden;
  background: @color-white;
  padding: 8px;
}
ul.floor-form-room-info-head>li{
  float: left;
  text-align: center;
  width: 40%;
}
ul.floor-form-room-info-head>li:last-child{
  width: 60%;
}
/*男/女/已预订床位图标*/
.bed-gender-icon,.bed-checked-icon,.bed-noelder-icon{
  display: inline-block;
  width: 46px;
  height: 46px;
  .backgroundSize(center;center;contain);
}
span.bed-noelder-icon + p{
  color: @colorText-gray-second!important;
}
.five-six-room.bed-elder-man .bed-gender-icon,
.five-six-room.bed-elder-woman .bed-gender-icon,
.five-six-room.bed-elder-man .bed-noelder-icon,
.five-six-room.bed-elder-woman .bed-noelder-icon,
.five-six-room.bed-elder-man .bed-checked-icon,
.five-six-room.bed-elder-woman .bed-checked-icon{
  width: 36px;
  height: 36px;
}


.floor-form-bed-info{
  padding: 32px 0 0 0;
}
.floor-form-bed-info-close{
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  z-index: 10;
  background: @color-white;
  padding: 8px 15px;
  text-align: right;
  font-size: 12px;
  color: @colorText-gray;
}
.floor-form-bed-info-head .floor-form-room-info{
  background: @color-white;
  margin-top: 10px;
}
.floor-form-bed-info-head .floor-form-room-info>li{
  padding: 10px 0;
}
.floor-form-room-info-section>header{
  position: relative;
  background: @colorBody;
  padding: 10px 15px;
  font-size: 14px;
}
.floor-form-room-info-section>header>.change-worker-btn{
  position: absolute;
  right: 10px;
  top: 6px;
}
.floor-form-room-info-list{
  padding: 10px;
}
.floor-form-room-info-list li{
  position: relative;
  min-height: 120px;
  padding: 8px 0 8px 106px;
  border-bottom:solid 1px @colorBorder-Second;
}
.floor-form-room-info-list li:hover{
  cursor: pointer;
  background: @colorBody;
}
.floor-form-room-info-img{
  position: absolute;
  left: 10px;
  top: 10px;
  width: 100px;
  height: 100px;
  border:solid 1px @colorBorder-Second;
  text-align: center;
  padding-top: 18px;
  background: @color-white;
}
.floor-form-room-info-img i{
  font-size: 32px;
  color: @colorIcon-gray;
}
.floor-form-room-info-img p{
  margin-top: 6px;
  font-size: 14px;
  color: @colorIcon-gray;
}
.floor-form-room-info-list .el-form-item{
  margin-bottom: 0;
}
.floor-form-room-info-list .el-form-item label{
  color: @colorText-gray;
  padding: 6px 12px 6px 0;
}
.floor-form-room-info-list .el-form-item p{
  line-height: 1;
  padding: 6px 0;
  word-break: break-all;
}
li.floor-form-bed-noordered .order-bed-btn{
  margin-top: 30px;
  margin-left: 15px
}
li.floor-form-bed-noordered .floor-form-room-info-img>i,li.floor-form-bed-noordered .floor-form-room-info-img>p{
  color: @color-main!important;
}

/*新增入住&入住详情*/
.torm-total-count .el-input.is-disabled .el-input__inner{
  background: #ffffff!important;
}
.timeline-form-compare .el-form-item{
  margin-bottom: 10px;
}
.choose-elder-dialog .el-dialog__body{
  padding: 0!important;
}
/*处理投诉&回访反馈*/
.complaint-input-form .el-form-item{
  margin-bottom: 10px;
}
/*===============排班管理==================*/
.table-extend-head{
  background: @colorTable-headBg;
  border: solid 1px #dfe6ec;
  border-bottom: none;
}
.table-extend-head .grid-content{
  padding: 12px;
}
.select-group-div{
  min-width: 360px;
  width: 100%;
  max-width: 500px;
  display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;           /* TWEENER - IE 10 */
  display: -webkit-flex;          /* NEW - Chrome */
  display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.select-group-div .pre-week{
  -webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
  -ms-flex-order: 1;              /* TWEENER - IE 10 */
  -webkit-order: 1;               /* NEW - Chrome */
  order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-flex: 1;            /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;               /* OLD - Firefox 19- */
  width: 20%;                     /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;                /* Chrome */
  -ms-flex: 1;                    /* IE 10 */
  flex: 1;                        /* NEW, Spec - Opera 12.1, Firefox 20+ */

  background: @color-white;
  border:solid 1px #bfcbd9;
}
.select-group-div .week-content{
  -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
  -ms-flex-order: 2;              /* TWEENER - IE 10 */
  -webkit-order: 2;               /* NEW - Chrome */
  order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */

  width: 60%;                     /* No flex here, other cols take up remaining space */

  -moz-box-flex: 1;               /* Without this, Firefox 19- expands to widest paragraph, overrides width */

  /*background: @color-white;*/
}
.select-group-div .next-week{
  -webkit-box-ordinal-group: 3;   /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 3;      /* OLD - Firefox 19- */
  -ms-flex-order: 3;              /* TWEENER - IE 10 */
  -webkit-order: 3;               /* NEW - Chrome */
  order: 3;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-flex: 1;            /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;               /* Firefox 19- */
  width: 20%;                     /* For OLD syntax, otherwise collapses. */
  -ms-flex: 1;                    /* TWEENER - IE 10 */
  -webkit-flex: 1;                /* NEW - Chrome */
  flex: 1;                        /* NEW, Spec - Opera 12.1, Firefox 20+ */

  background: @color-white;
  border:solid 1px #bfcbd9;
}
.select-group-div .pre-week,.select-group-div .next-week{
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  cursor: pointer;
  color: @colorText-contentNavFirst;
}
.select-group-div .pre-week:hover,.select-group-div .next-week:hover{
  color: @color-main;
}
.select-group-div .week-content .el-input__inner{
  .borderRadus(0);
}
.select-group-div .week-content .el-input__inner:hover{
  border:solid 1px #bfcbd9;
}
.select-group-div.choose-available .next-week{
  border-left:none;
}
.select-group-div.choose-available .pre-week{
  border-right:none;
}
.select-group-div .week-content>p{
  line-height: 30px;
  text-align: center;
}


.table-extend-body .el-tooltip__rel,.table-extend-body .el-tooltip{
  display: inline-block;
  cursor: pointer;
}
.table-extend-body .el-tooltip{
  margin-right: 14px;
}
.table-extend-body .el-tag-position{
  position: relative;
  margin-right: 6px;
}
.table-extend-body i.el-icon-more{
  position: absolute;
  right: -10px;
  top: -10px;
  padding: 1px 4px;
  .borderRadus(8px);
  background: @colorText-gray;
  color: @color-white;
}
.table-extend-body.el-table .cell{
  overflow: visible!important;
  padding: 12px 18px;
  line-height: 32px;
}
.table-extend-checkList .form-submitBtn{
  padding: 15px 0 0 0;
}
.table-extend-checkList .el-checkbox{
  margin-left: 0;
  margin-right: 15px;
}
  /*================设置=================*/
.page-section{
  width: 95%;
  margin: auto;
  border: solid 1px lightgrey;
  margin-top: 20px;
}
.page-section-header {
  background-color: lightgrey;
  padding: 10px 10px 10px 20px;
}
.page-section-content {
  padding: 10px 10px 10px 20px;
}

.page-tab-header{
  padding-left : 28px;
}
.page-tab-header p{
  padding: 10px;
  font-size: small;
  color: orangered;
}
.dynamic-table-form{

}
.dynamic-table-form .el-col{
  border:solid 1px lightgrey;
  text-align: center;
}
.dynamic-table-form .form-item{
  padding: 10px 15px;
  text-align: center;
  margin-left: -1px;
  margin-top: -1px;
}
.dynamic-table-form .form-item>span{
  line-height: 36px;
}

.dynamic-table-form .operate-item{
  padding: 14px 15px;
}


/*=============全局==============*/
.pull-right{
  float: right;
}
.pull-left{
  float: left;
}

.line {
  background-color: #dddddd;
  height: 1px;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 20px;
}

.button-class{
  text-align: center;
}


.no-data{
  color: @colorText-gray;
}

/*=============UI bug修改=============*/
.el-popover{
  padding: 0;
}




